$primary-color : #409EFF;           //主题颜色
$primary-background-color: #E8F1FF; //主背景色
$body-background-color: #f7f8fa !important;     //网页背景色

$icon-background-color: #f5f6fa;    //图标触发背景颜色

$header-title-width : 300px;        //顶部标题宽度
$header-logo-width  : 38px;         //顶部图标宽度
$header-face-width  : 32px;         //顶部用户头像宽度
$user-info-width : 170px;           //顶部用户信息
$head-height : 50px;                //顶部高度
$foot-height : 40px;                //底部高度

.width_home{
    width: 1024px;
    margin: 0 auto;
    padding: 0 10px;
}

a{
    color: #666666;
    text-decoration: none;

    &:hover{
        color: $primary-color;
    }
}

//el-card 卡片
.el-card{
    &:hover{
        background: #F4FCFF;
        border: 1px solid #91d5ff !important;
    }
}

//el-form  表单
.create-project-box{
    .el-form-item{
        margin-bottom: 28px !important;

        .el-form-item__error{
            line-height: 24px;
        }
    }
}

//创建项目
.create-title{
    text-align: center;
    line-height: 80px;
    font-size: 18px;
}

.theme-view-head{
    padding: 25px 12px 10px;

    .theme-view-title{
        font-size: 20px;
        line-height: 28px;
        height: 28px;
    }

    .theme-view-desc{
        margin: 16px 0 0 0;
        font-size: 15px;
        line-height: 22px;
    }
}

.mobile{
    .fm-style{
        margin: 15px 12px;

        .el-form-item{
            line-height: 24px !important;
            margin-bottom: 16px !important;

            .el-form-item__label{
                font-size: 16px !important;
                padding: 0 ;
                line-height: 26px;
            }

            .el-form-item__content{
                margin-top: 6px;

                .el-radio-group, .el-checkbox-group{
                    width: 100% !important;

                    .el-radio, .el-checkbox{
                        border: 1px solid #dddddd;
                        display: block !important;
                        padding: 0 10px;
                        margin: 6px 0;
                        border-radius: 4px;

                        &.is-checked{
                            border: 1px solid $primary-color;
                            background-color: $primary-background-color;
                        }
                    }
                }

                .el-select{
                    width: 100% !important;
                }
            }
        }
    }
}

.pc{
    .fm-style{
        margin: 15px 12px;
    }

}

.theme-view-btns{
    padding: 10px 15px;
}

.theme-view-foot{
    font-size: 14px;
    line-height: 32px;
    background-color: #f2f2f2;
    text-align: center;
}
